<template>
  <div>
    <dv-scroll-board :config="config" class="scroll-table" />
  </div>
</template>

<script>
export default {
  name: "ScrollTable",
  props: {
    tableHeader: {
      type: Array,
      default: () => [],
    },
    tableData: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      config: {
        // 表头
        header: this.tableHeader,
        // 表数据
        data: this.tableData,
        // 表头颜色
        headerBGC: "#040555",
        // 奇数行背景色
        oddRowBGC: "#091979",
        // 偶数行背景色
        evenRowBGC: "#070C5E",
        // 每一列对齐方式
        align: ["center", "center", "center", "center", "center", "center"],
      },
    };
  },
};
</script>

<style scoped>
.scroll-table {
  width: 759px;
  height: 318px;
}
</style>
